import React, { Component } from 'react';

// Header
function Header() {
  return <h2>Header</h2>
}

// Main
function Banner() {
  return <h3>Banner</h3>
}

function ProductList() {
  return (
    <ul>
      <li>ProductList1</li>
      <li>ProductList2</li>
      <li>ProductList3</li>
      <li>ProductList4</li>
      <li>ProductList5</li>
    </ul>
  )
}

function Main() {
  return (
    <div>
      <Banner />
      <ProductList />
    </div>
  )
}

// Footer
function Footer() {
  return <h2>Footer</h2>
}

export default class App extends Component {
  render() {
    return (
      <div>
        <Header />
        <Main />
        <Footer />
      </div>
    )
  }
}